<template>
  <div class="help-feedback">
    <h1>帮助与反馈</h1>
    <div class="help">
      <h2>获取帮助</h2>
      <p>如果您在使用过程中遇到任何问题，请联系我们的客服团队获取帮助：</p>
      <p>客服邮箱：support@example.com</p>
      <p>客服电话：+1234567890</p>
    </div>
    <div class="feedback">
      <h2>提交反馈</h2>
      <textarea v-model="feedback" placeholder="请输入您的反馈意见"></textarea>
      <button @click="submitFeedback">提交反馈</button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HelpFeedback',
  data() {
    return {
      feedback: ''
    }
  },
  methods: {
    submitFeedback() {
      // 这里可以发送请求提交反馈
      console.log('提交反馈:', this.feedback);
      // 提交成功后清空反馈内容
      this.feedback = '';
    }
  }
}
</script>

<style scoped>
.help-feedback {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  font-family: Arial, sans-serif;
}

.help,
.feedback {
  margin-top: 20px;
}

textarea {
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}
</style>
